/* 布局 pf固定 ps静态 pr相对 pa绝对 t顶部 b底部 l0左边 r0右边 */
.pf{position:fixed !important;left:0;right:0;z-index:101}.ps{position:sticky !important;left:0;right:0;}
.pr{position:relative}.pa{position:absolute !important}
.t0{top:0} .b0{bottom:0} .l0{left:0} .r0{right:0}
.oh{overflow:hidden}
textarea{word-break: break-all;}
/* #ifdef APP-PLUS-NVUE */
.tl1{lines: 1; overflow: hidden;}
.tl2{lines: 2; overflow: hidden;}
.wt{width:750rpx;}.w-49{width:370rpx}.wh{width:375rpx}.w-19{width:146rpx}.w-20{width:150rpx}.w-24{width:185rpx}.w-25{width:187.5rpx}.w-32{width:245rpx}.w-33{width:250rpx}
.col1{width:710rpx}.col2{width:350rpx}.col3{width:230rpx}.col4{width:170rpx}.col5{width:154rpx}
.spb{ padding-bottom: 140rpx; }
/* #endif */
/* #ifndef APP-PLUS-NVUE */
button{font-size: 32rpx}
button.bn{line-height: 1; background-color: transparent; padding-left: 0; padding-right: 0;}
input{font-size: 28rpx}
img,image{will-change: transform}
p image, p img{max-width: 100%; width: 100%;}
page,uni-page-body,uni-app{background-color: #f4f4f4; color: #151516; }
.spb{ padding-bottom: 140rpx; }
::-webkit-scrollbar{width:0;height:0;color:transparent}

/* 边框 */
.ol-red,.ol-green,.ol-gray,.ol-primary,.ol-white,
.bg-red,.bg-green,.bg-gray,.bg-primary,.bg-white,.bg-warning{border-width:1rpx;border-style:solid; line-height: 1;}
.bg-primary, .ol-primary{border-color:$fc-primary;color:$fc-primary;}
.bg-red, .ol-red{border-color:#ff201f;color:#ff201f}
.bg-green, .ol-green{border-color:#52dcae;color:#52dcae}
.bg-warning, .ol-warning{border-color:#ff7900}
.bg-gray, .ol-gray{border-color:#fff;color:#666}
.bg-white, .ol-white{border-color:#FFF}

.bgw, .bg-white{background-color:#FFF !important} 
.bgb, .bg-black{background-color:#000}
.bg-page{background-color:#f4f4f4}
.bg-hover{ background-color:#f7f7f9}
.bg-primary{background-color:$bg-primary; color:#FFF}
.bg-warning{background-color:#ff7900;color:#FFF}
.bg-light{background-color:#71d5a1;color:#FFF}
.bg-orange{background-color:orange;color:#FFF}
.bg-danger{background-color:#EB0909;color:#FFF}
.bg-price{background-color:#e41f19;color:#FFF}
.bg-gray{background-color:#ededed;}
.bg-red{background-color:#ff201f;color:#FFF}
.bg-green{background-color:$bg-primary}
/* tag*/
.tag{color:$fc-primary; border:0.2rpx solid $fc-primary; border-radius:10rpx; line-height: 1; font-size: .875rem;}
.tag-gray{color:$fc-base; border:0.2rpx solid $fc-base; border-radius:10rpx; line-height: 1; font-size: .875rem;}
.tag-light{color: #151515; border:0.2rpx solid #cecece; border-radius:10rpx; line-height: 1; font-size: .875rem;}
.tag-red{color: red; border:0.2rpx solid #ce0000; border-radius:10rpx; line-height: 1; font-size: .875rem;}
.tag-primary{background-color: $fc-primary; color: #FFF; border:0.2rpx solid $fc-primary; border-radius:10rpx; line-height: 1; font-size: .875rem;}

.f,.fdr,.fdc,.fww,.fwn,.fac,.fjs,.fjc,.fjb,.fje,.fae{display:flex;box-sizing:border-box;}
.f1,.f2,.f3,.f4,.f5,.f6,.f7,.f8,.f9,.f10{flex-shrink: 1 !important}
.fl{float:left}.fr{float:right}.fib{display:inline-block}
view,.wt,.ps,.pf,.pa{box-sizing:border-box}
.toe{white-space:nowrap}.tbb{word-break:break-all}.twb{font-weight:bold}
.tl2{word-break:break-all;white-space:normal;overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.tl1{word-break:break-all;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.tsw{white-space:normal}.btn,.btn-small,.btn-big,.tag,.tag-small,.tag-big,.tsn{white-space:nowrap;}.fsn{flex-shrink:0}.tbb{word-break: break-all}.tvm{vertical-align:middle}.tvl{vertical-align:left}.tvr{vertical-align:right}
.wat{max-width:100%}.hat{max-height:100%}.ha{height:auto !important}.wa{width:auto !important}
.vh{visibility:hidden; background-color:rgba(0,0,0,0)}.vv{visibility:visible !important}
.wt{width:100%;}.wvt{width:100vw;}.ht{height:100%}.w0{width:0}.h0{height:0}.hvt{height:100vh}.htw{height:100vw}.hv8{height:80vh}.hv6{height:60vh}
/* #endif */
.f1{flex:1} .f2{flex:2} .f3{flex:3} .f4{flex:4} .f5{flex:5} .f6{flex:6} .f7{flex:7} .f8{flex:8} .f9{flex:9} .f10{flex:10}
.f, .fdr, .fww, .fwn, .fac, .fjs, .fjc, .fjb, .fje, .fae{flex-direction:row}.fdc{flex-direction:column !important; justify-content:space-between}
.fww{flex-wrap:wrap;justify-content:space-between;align-items:stretch}.fwn{flex-wrap:nowrap}.frr{flex-direction:row-reverse}.fcr{flex-direction:column-reverse}.rtl{direction:rtl}
.fjs{justify-content:flex-start} .fje{justify-content:flex-end} .fjc{justify-content:center} .fjb{justify-content:space-between}
.fjs, .fjc, .fjb, .fje, .fae, .fac{align-items:center}.fas{align-items:flex-start}.fae{align-items:flex-end}.fat{align-items:stretch}
.fss{align-self:flex-start} .fse{align-self:flex-end} .fsc{align-self:center} .fsb{align-self:stretch}
.sjc{margin-left:auto; margin-right: auto;}
/* z-index */
.z1{z-index:100}.z2{z-index:200}.z3{z-index:300}.z4{z-index:400}.z5{z-index:500}.z6{z-index:600}.z7{z-index:700}.z8{z-index:800}.z9{z-index:900}
/* 内外边距 */
.pt0, .py0{padding-top:0}.p1, .pt1, .py1{padding-top:5rpx} .p2, .pt2, .py2{padding-top:10rpx} .p3, .pt3, .py3{padding-top:15rpx} .p4, .pt4, .py4{padding-top:20rpx} .p5, .pt5, .py5{padding-top:25rpx} .p6, .pt6, .py6{padding-top:30rpx} .p7, .pt7, .py7{padding-top:35rpx}.p8, .pt8, .py8{padding-top:40rpx}
.pb0, .py0{padding-bottom:0} .p1, .pb1, .py1{padding-bottom:5rpx} .p2, .pb2, .py2{padding-bottom:10rpx} .p3, .pb3, .py3{padding-bottom:15rpx} .p4, .pb4, .py4{padding-bottom:20rpx} .p5, .pb5, .py5{padding-bottom:25rpx} .p6, .pb6, .py6{padding-bottom:30rpx} .p7, .pb7, .py7{padding-bottom:35rpx}.p8, .pb8, .py8{padding-bottom:40rpx}
.pl0, .px0{padding-left:0} .p1, .pl1, .px1{padding-left:5rpx} .p2, .pl2, .px2{padding-left:10rpx} .p3, .pl3, .px3{padding-left:15rpx} .p4, .pl4, .px4{padding-left:20rpx} .p5, .pl5, .px5{padding-left:25rpx} .p6, .pl6, .px6{padding-left:30rpx} .p7, .pl7, .px7{padding-left:35rpx}.p8, .pl8, .px8{padding-left:40rpx}
.pr0, .px0{padding-right:0} .p1, .pr1, .px1{padding-right:5rpx} .p2, .pr2, .px2{padding-right:10rpx} .p3, .pr3, .px3{padding-right:15rpx} .p4, .pr4, .px4{padding-right:20rpx} .p5, .pr5, .px5{padding-right:25rpx} .p6, .pr6, .px6{padding-right:30rpx} .p7, .pr7, .px7{padding-right:35rpx}.p8, .pr8, .px8{padding-right:40rpx}
.mt0, .my0{margin-top:0} .m1, .mt1, .my1{margin-top:5rpx} .m2, .mt2, .my2{margin-top:10rpx} .m3, .mt3, .my3{margin-top:15rpx} .m4, .mt4, .my4{margin-top:20rpx} .m5, .mt5, .my5{margin-top:25rpx} .m6, .mt6, .my6{margin-top:30rpx} .m7, .mt7, .my7{margin-top:35rpx}.m8, .mt8, .my8{margin-top:40rpx}
.mb0, .my0{margin-bottom:0} .m1, .mb1, .my1{margin-bottom:5rpx} .m2, .mb2, .my2{margin-bottom:10rpx} .m3, .mb3, .my3{margin-bottom:15rpx} .m4, .mb4, .my4{margin-bottom:20rpx} .m5, .mb5, .my5{margin-bottom:25rpx} .m6, .mb6, .my6{margin-bottom:30rpx} .m7, .mb7, .my7{margin-bottom:35rpx}.m8, .mb8, .my8{margin-bottom:40rpx}
.ml0, .mx0{margin-left:0} .m1, .ml1, .mx1{margin-left:5rpx} .m2, .ml2, .mx2{margin-left:10rpx} .m3, .ml3, .mx3{margin-left:15rpx} .m4, .ml4, .mx4{margin-left:20rpx} .m5, .ml5, .mx5{margin-left:25rpx} .m6, .ml6, .mx6{margin-left:30rpx} .m8, .ml8, .mx8{margin-left:35rpx}.m8, .ml8, .mx8{margin-left:40rpx}
.mr0, .mx0{margin-right:0 !important} .m1, .mr1, .mx1{margin-right:5rpx} .m2, .mr2, .mx2{margin-right:10rpx} .m3, .mr3, .mx3{margin-right:15rpx} .m4, .mr4, .mx4{margin-right:20rpx} .m5, .mr5, .mx5{margin-right:25rpx} .m6, .mr6, .mx6{margin-right:30rpx} .m7, .mr7, .mx7{margin-right:35rpx}.m8, .mr8, .mx8{margin-right:40rpx}
/* 高度宽度行高 */
.h1{height:10rpx} .h2{height:20rpx} .h3{height:30rpx} .h4{height:40rpx} .h5{height:50rpx} .h6{height:60rpx} .h7{height:70rpx} .h8{height:80rpx} .h9{height:90rpx} .h10{height:100rpx}
.h11{height:110rpx} .h12{height:120rpx} .h13{height:130rpx} .h14{height:140rpx} .h15{height:150rpx} .h16{height:160rpx} .h17{height:170rpx} .h18{height:180rpx} .h19{height:190rpx} .h20{height:200rpx}
.h21{height:210rpx} .h22{height:220rpx} .h23{height:230rpx} .h24{height:240rpx} .h25{height:250rpx} .h26{height:260rpx} .h27{height:270rpx} .h28{height:280rpx} .h29{height:290rpx} .h30{height:300rpx}
.h31{height:310rpx} .h32{height:320rpx} .h33{height:330rpx} .h34{height:340rpx} .h35{height:350rpx} .h36{height:360rpx} .h37{height:370rpx} .h38{height:380rpx} .h39{height:390rpx} .h40{height:400rpx}
.h45{height:450rpx}.h50{height:500rpx}.h55{height:550rpx}.h60{height:600rpx}.h65{height:650rpx}.h70{height:700rpx}.h75{height:750rpx}.h80{height:800rpx}.h90{height:900rpx}.h100{height:1000rpx}
.w1{width:10rpx} .w2{width:20rpx} .w3{width:30rpx} .w4{width:40rpx} .w5{width:50rpx} .w6{width:60rpx} .w7{width:70rpx} .w8{width:80rpx} .w9{width:90rpx} .w10{width:100rpx}
.w11{width:110rpx} .w12{width:120rpx} .w13{width:130rpx} .w14{width:140rpx} .w15{width:150rpx} .w16{width:160rpx} .w17{width:170rpx} .w18{width:180rpx} .w19{width:190rpx} .w20{width:200rpx}
.w21{width:210rpx} .w22{width:220rpx} .w23{width:230rpx} .w24{width:240rpx} .w25{width:250rpx} .w26{width:260rpx} .w27{width:270rpx} .w28{width:280rpx} .w29{width:290rpx} .w30{width:300rpx}
.w35{width:350rpx}.w40{width:400rpx}.w45{width:450rpx}.w50{width:500rpx}.w53{width:530rpx}.w55{width:550rpx}.w60{width:600rpx}.w65{width:650rpx}.w70{width:700rpx}.w75{width:750rpx}
.lh22{line-height:22rpx} .lh24{line-height:24rpx} .lh26{line-height:26rpx} .lh28{line-height:28rpx} .lh30{line-height:30rpx} .lh32{line-height:32rpx} .lh34{line-height:34rpx} .lh36{line-height:36rpx} .lh38{line-height:38rpx} .lh40{line-height:40rpx}
.lh42{line-height:42rpx} .lh44{line-height:44rpx} .lh46{line-height:46rpx} .lh48{line-height:48rpx} .lh50{line-height:50rpx} .lh52{line-height:52rpx} .lh54{line-height:54rpx} .lh56{line-height:56rpx} .lh58{line-height:58rpx} .lh60{line-height:60rpx}
/* 字体 */
.fs10{font-size:10rpx}.fs12{font-size:12rpx}.fs14{font-size:14rpx}.fs16{font-size:16rpx}.fs18{font-size:18rpx}.fs20{font-size:20rpx}.fs22{font-size:22rpx}.fs24{font-size:24rpx}.fs26{font-size:26rpx}.fs28{font-size:28rpx}.fs30{font-size:30rpx}
.fs30{font-size:30rpx}.fs32{font-size:32rpx}.fs34{font-size:34rpx}.fs36{font-size:36rpx}.fs38{font-size:38rpx}.fs40{font-size:40rpx}.fs42{font-size:42rpx}.fs44{font-size:44rpx}.fs46{font-size:46rpx}.fs48{font-size:48rpx}.fs50{font-size:50rpx}
.fs52{font-size:52rpx;}.fs54{font-size:54rpx;}.fs56{font-size:56rpx;}.fs58{font-size:58rpx;}.fs60{font-size:60rpx;}.fs70{font-size:70rpx;}.fs80{font-size:80rpx;}
.fw3{font-weight:300}.fw4{font-weight:400}.fw5{font-weight:500}.fw6{font-weight:600}.fw7{font-weight:700}.fw8{font-weight:800}.fw9{font-weight:900}
/* 颜色,背景 */
.o0{opacity:0}.o1{opacity:.1}.o2{opacity:.2}.o3{opacity:.3}.o4{opacity:.4}.o5{opacity:.5}.o6{opacity:.6}.o7{opacity:.7}.o8{opacity:.8}.o9{opacity:.9}.o10{opacity:1}
.bga1{background-color:rgba(255,255,255,.1)}.bga2{background-color:rgba(255,255,255,.2)}.bga4{background-color:rgba(255,255,255,.4)}.bga6{background-color:rgba(255,255,255,.6)}.bga8{background-color:rgba(255,255,255,.8)}
.bgab1{background-color:rgba(0,0,0,.1)}.bgab2{background-color:rgba(0,0,0,.2)}.bgab4{background-color:rgba(0,0,0,.4)}.bgab5{background-color:rgba(0,0,0,.5)}.bgab6{background-color:rgba(0,0,0,.6)}.bgab7{background-color:rgba(0,0,0,.8)}.bgab8{background-color:rgba(0,0,0,.8)}.bgab9{background-color:rgba(0,0,0,.9)}
.cw{color:#FFF !important}.cb{color:#000 !important}
.c1{color:#111}.c2{color:#222}.c3{color:#333}.c4{color:#444}.c5{color:#555}.c6{color:#666}.c7{color:#777}.c8{color:#888}.c9{color:#999}.c10{color:#aaa}.c11{color:#bbb}.c12{color:#ccc}.c13{color:#ddd}.c14{color:#eee}
.bg1{background-color:#111}.bg2{background-color:#222}.bg3{background-color:#333}.bg4{background-color:#444}.bg5{background-color:#555}.bg6{background-color:#666}.bg7{background-color:#777}.bg8{background-color:#888}.bg9{background-color:#999}.bg10{background-color:#aaa}.bg11{background-color:#bbb}.bg12{background-color:#ccc}.bg13{background-color:#ddd}.bg14{background-color:#eee}
/* 缩放 */
.ts5{transform:scale(.5)}.ts6{transform:scale(.6)}.ts7{transform:scale(.7)}.ts8{transform:scale(.8)}.ts9{transform:scale(.9)}.ts11{transform:scale(1.1)}.ts12{transform:scale(1.2)}.ts13{transform:scale(1.3)}.ts14{transform:scale(1.4)}.ts15{transform:scale(1.5)}
.tsy5{transform:scaleY(.5)}.tsy6{transform:scaleY(.6)}.tsy7{transform:scaleY(.7)}.tsy8{transform:scaleY(.8)}.tsy9{transform:scaleY(.9)}.tsy11{transform:scaleY(1.1)}.tsy12{transform:scaleY(1.2)}.tsy13{transform:scaleY(1.3)}.tsy14{transform:scaleY(1.4)}.tsy15{transform:scaleY(1.5)}
.tsx5{transform:scaleX(.5)}.tsx6{transform:scaleX(.6)}.tsx7{transform:scaleX(.7)}.tsx8{transform:scaleX(.8)}.tsx9{transform:scaleX(.9)}.tsx11{transform:scaleX(1.1)}.tsx12{transform:scaleX(1.2)}.tsx13{transform:scaleX(1.3)}.tsx14{transform:scaleX(1.4)}.tsx15{transform:scaleX(1.5)}
.toss{transform-origin:0 0} .toes{transform-origin:100% 0} .toee{transform-origin:100% 100%} .tose{transform-origin:0 100%}
.tosc{transform-origin:0 center}.toec{transform-origin:100% center}
/* 旋转 */
.skewY8{transform:skewY(8deg)}
/* 边框 圆角 */
.br{border-radius:5rpx}.br2{border-radius:10rpx}.br3{border-radius:15rpx}.br4{border-radius:20rpx}.br5{border-radius:25rpx;}.br6{border-radius:30rpx}.br7{border-radius:35rpx}.br8{border-radius:40rpx}
.brr{border-radius:50%}
/* 文本 */
.toc{text-overflow:clip}.tdt{text-decoration:line-through}.toe{overflow: hidden; text-overflow: ellipsis}	
.tac{text-align:center}.tal{text-align:left}.tar{text-align:right}

.bd{border:1px solid #f4f4f5;}
.bt{border-top: 1px solid #f4f4f5;}
.bbr{border-right: 1px solid #f4f4f5;}
.bl{border-left: 1px solid #f4f4f5;}
.bb{border-bottom: 0.2px solid #f4f4f5;}
.bn,.bn::after{border: none;}

.tab .on{border-bottom: 10rpx solid $bg-primary;}
.ufi{width: 100%; line-height: 1rem;}
/* 颜色背景 */
.cl{color: #9C9C9C;}
.fc-title{color:#2e2e2e !important}
.fc-danger{color:#EB0909 !important} /* 危险操作颜色 如 删除取消 */
.fc-primary{color:$fc-primary !important} /* 主色 */
.fc-placeholder{color:#b2b2b2 !important} /* 输入库提示文字 */
.fc-warning{color:#ff7900 !important}
.fc-market{color: #a0a0a0 !important}
.fc-red{color: #ff201f !important}
.fc-link{color: #4466AD !important}
.fc-price{color:#e41f19 !important}
.fc-white{color: white !important}
.fc-green{color: #18b566 !important}
.fc-success{color: #18b566 !important}

.wgi{width:167.5rpx;height:167.5rpx}
/* 分列 */
$gap: 5;
.col-1{ width: 100% }
.col-2{ width: calc((100% - #{$gap}px)/2) }
.col-3{ width: calc((100% - 2 * #{$gap}px) / 3) }
.col-4{ width: calc((100% - 3 * #{$gap}px) / 4) }
.col-5{ width: calc((100% - 4 * #{$gap}px) / 5) }
.col-6{ width: calc((100% - 5 * #{$gap}px) / 6) }

@import "theme.scss"
